<template>
	<div style="position: fixed;">
		<vue-particles style="position: fixed;
    width: 100%;
    height: 100%;" color="#fff" :particleOpacity="0.7" :particlesNumber="60" shapeType="circle" :particleSize="4" linesColor="#fff" :linesWidth="1" :lineLinked="true" :lineOpacity="0.4" :linesDistance="150" :moveSpeed="2" :hoverEffect="true" hoverMode="grab" :clickEffect="true" clickMode="push" class="lizi">
		</vue-particles>

		<div class="bg1"></div>
		<div class="gyl">
			
			<div class="gy2">乌海及其周边地区污染源成因及其对策 </div>
			大数据分析平台
		</div>
		<div class="bg">
			<div class="wel">用户登录</div>
			<div class="user">
				<div id="yonghu" style="">用户名</div>
				<input type="text" name="用户" value="admin" v-model="userName" />
			</div>
			<div class="password">
				<div id="yonghu">密&nbsp;&nbsp;&nbsp;码</div>
				<input class="" type="password" name="密码" value="......"  v-model="passwd"/>
			</div>
			<div class="rem">
				<input type="checkbox" name="" id="" value="" />
				<div id="reb">
					记住密码
				</div>
			</div>
			<div class="fg">
				<div style="font-size: 11px;margin-top: 11px;">
					<a style="font-size: 11px;" href="#">忘记密码？</a>
				</div>
			</div>
			<input class="btn" type="button" name="登录" value="登录" @click="submitForm($event)" />
		</div>
	</div>
</template>
<script>
import './index.css';
let config=require('../../config/config');
import Utils from '../../scripts/Utils';
export default {
  name: 'login',
  data() {
    return {
      userName: 'admin',
      passwd: '123456'
    };
  },
  methods: {
    submitForm() {
      // console.log(this.userName+'--'+this.passwd);
      Utils.setCookie('userName','管理员',30*60);
      window.location.href=config.Data_URL;
    }
  }
};
</script>
